<template>
	{{value}}
</template>

<script>
	export default {
		data() {
			return {
				value: 123
			}
		},
		
		// vue
		beforeCreate:function(){
			console.log('===life-cycle:beforeCreate:');
		},
		created:function(){
			console.log('===life-cycle:created:');
		},
		beforeMount:function(){
			console.log('===life-cycle:beforeMount:');
		},
		mounted:function(){
			console.log('===life-cycle:mounted:');
		},
		beforeUpdate:function(){
			console.log('===life-cycle:beforeUpdate:');
		},
		updated:function(){
			console.log('===life-cycle:updated:');
		},
		beforeDestroy:function(){
			console.log('===life-cycle:beforeDestroy:');
		},
		destroyed:function(){
			console.log('===life-cycle:destroyed:');
		},
		
		// 小程序
		onLoad:function(){
			console.log('===life-cycle:onLoad:');
		},
		onShow:function(){
			console.log('===life-cycle:onShow:');
		},
		onReady:function(){
			console.log('===life-cycle:onReady:');
		},
		onHide:function(){
			console.log('===life-cycle:onHide:');
		},
		onUnload:function(){
			console.log('===life-cycle:onUnload:');
		},
		onResize:function(){
			console.log('===life-cycle:onResize:');
		},
		
		// 小程序-子组件
		onPageShow: function() {
			console.log('===life-cycle:onPageShow:');
		},
		
		onPageHide: function() {
			console.log('===life-cycle:onPageHide:');
		},
		
		onPageResize: function() {
			console.log('===life-cycle:onPageResize:');
		},
	}
</script>

<style>
</style>
